<template>
<el-cole>
  <el-cascader
      v-model="searchForm.area"
      size="mini"
      :options="areaArr"
      :props="areaProps"
      class="num-area-select"
      filterable
  ></el-cascader>
</el-cole>
</template>

<script>
export default {
  name: "city",
  data() {
    return {
      searchForm :{
        area:[]
      },
      areaArr: [],
      areaProps: {
        value: "city",
        label: "city",
        children: "cityList",
      },
    }
  },
  create(){
    this.request.get("/area/getAll").then(res =>{
      this.areaArr = res.data;
    })
  }
}
</script>

<style scoped>

</style>